$(document).scroll(function(){
    if( $(document).scrollTop() >= 500 ){
        
        var i = Math.floor( ($(document).scrollTop() - 500) / 850);
        $(".stairs .btn-li")
        .eq(i)
        .addClass("active")
        $(".stairs .btn-li")
        .siblings()
        .removeClass("active")
    }
    if( $(document).scrollTop() >= 500 ){
        $(".stairs").fadeIn(100);
    }
    else{
        $(".stairs").fadeOut(300);
    }
})

$(".stairs .btn-li:not(:last)").click( function(){
    $("body,html").animate({
        "scrollTop" : $(this).index() * 850 + 550
    } , 500)
})
$(".stairs .btn-li:last").click( function(){
    // document.documentElement.scrollTop=0;
    $("html,body")
    .stop( true )
    .animate({
        scrollTop : 0
    })
})